body {
    background-color: $bodybackground;
}

.wrapper {
    margin: $margin auto;
    padding: $padding;
    color: $color;
}

.ml-20 {
    margin-left: $margin-left;
}

.wrapper1 {
    background-color: #1abc9c;
}

.wrapper2 {
    background-color: #2ecc71;
}

.wrapper3 {
    background-color: #3498db;
}

.wrapper4 {
    background-color: #9b59b6;
}

.wrapper5 {
    background-color: #f1c40f;
}

.wrapper6 {
    background-color: #e67e22;
}

.wrapper7 {
    background-color: #e74c3c;
}

.wrapper8 {
    background-color: #95a5a6;
}

.wrapper9 {
    background-color: #f39c12;
}

.wrapper10 {
    background-color: #192a56;
}

.wrapper11 {
    background-color: #8c7ae6;
}

.wrapper12 {
    background-color: #40739e;
}
.wrapper13 {
    background-color: #f5f5f5;
    font-size: large;
}
#popAlert {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    border: 1px solid #010101;
}
